<div class="lib-manager-box">
    <div class="header">
        <div class="btn ccenter" (click)="back()" nz-tooltip [nzTooltipTitle]="'LIB_MANAGER.BACK' | translate">
            <i class="fa-regular fa-chevron-left"></i>
        </div>
        <nz-input-group [nzSuffix]="suffixIconSearch" [nzSize]="'small'">
            <input type="text" nz-input [placeholder]="'搜索示例' | translate" [(ngModel)]="keyword"
                (ngModelChange)="search()" />
        </nz-input-group>
        <ng-template #suffixIconSearch>
            @if(keyword.length > 0){
            <i class="fa-light fa-xmark" (click)="keyword='';search()"></i>
            } @else {
            <i class="fa-light fa-search"></i>
            }
        </ng-template>
        <div class="tag-list">
            @for (tag of tagList; track tag) {
            <nz-tag (click)="keyword=tag;search()">{{ tag }}</nz-tag>
            }
        </div>
    </div>
    <router-outlet></router-outlet>
</div>